<!--
 * @Description: 功能说明弹窗
-->
<template>
    <a-tooltip :title="$i18n('datarelation.descript.title.js')" class="helper-explain">
        <icon-font type="cap-icon-weibiaoti6-copy" class="sy-prompt cursor-pointer"  @click="showExplain"/>
    </a-tooltip>
</template>
<script>
    import globalData from '@/plugins/data';
    import globalMethods from '@/plugins/methods';

    export default {
        name: 'DialogExplain',
        data() {
            return {};
        },
        methods: {
            showExplain() {
                const dialog = globalMethods.dialog({
                    url: `${globalData.ctxPath}/dataRelation.do?method=functionDescription&templateId=${globalData.templateId}`,
                    title: $.i18n('datarelation.descript.title.js'),
                    centered: true,
                    width: 1000,
                    height: 800,
                    footer: null,
                    onCancel() {
                        dialog.close();
                    },
                });
            },
        },
    };
</script>
<style lang="scss" scoped>
.helper-explain{
    &.sy-prompt{
        color: $icon-color;
    }
}

</style>
